<template>
  <div class="wrap">
    <div class="content">
      <div class="menu">
        <div class="menu-group">
          <div class="el-icon-wrap" style="font-size: 32px">
            <i class="el-icon-s-unfold" @click="onLeftDrawer"></i>
          </div>
        </div>
        <!-- <div class="menu-group">
          <div class="menu-item">
            <i class="el-icon-search"></i>
            <router-link to="">
              <a target="_self" @click="onLeftDrawer"> 搜 索</a>
            </router-link>
          </div>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  emits:['onLeftDrawer', 'onTopDrawer'],
  data() {
    return {
    }
  },
  methods: {
    onLeftDrawer() {
      this.$emit("onLeftDrawer")
    },
    onTopDrawer() {
      this.$emit("onTopDrawer")
    }
  }
}
</script>

<style lang="less" scoped>
.el-icon-s-unfold {
  cursor: pointer;
}

.wrap {
  // width: 100%;
  margin: 0;
  .content {
    // position: fixed;
    // width: inherit;
    .menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 66px;
      background-color: #fff !important;
      border-bottom: 1px solid #666666;
      
      /* .menu-group {
        display: flex;
        .menu-item {
          height: 18px;
          line-height: 18px;
          padding: 0 10px;
          color: #333;
          text-align: center;
          font-size: 14px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          a:hover {
            text-decoration: underline;
          }
          .el-icon-search {
            margin-right: 10px;
          }
        }
      } */
    }
  }
}

</style>